import { ref } from "vue";
// 导入提示方法
import { message } from "ant-design-vue";
// 导入查询宠物信息列表接口
import { queryPetList } from "@/api/petAPI";

export const useQueryPetList = (data, tablePagination) => {
  // 审核状态
  const pet_release_status = ref("all");

  // 定义time
  var timer = null;

  // 点击查询 通过状态查询宠物列表
  const handleQueryPet = () => {
    tablePagination.current = 1;
    // 参数
    const query = {
      pet_release_status: pet_release_status.value,
    };

    // 如果有time就清除
    timer && clearTimeout(timer);

    // 发送请求查询宠物列表
    timer = setTimeout(() => {
      queryPetList(query)
        .then((res) => {
          if (res.status === 200) {
            message.success("查询成功");
            tablePagination.total = res.total;
          }
          if (res.status === 205) {
            message.error("没有数据");
          }
          data.value = res.data;
        })
        .catch((error) => {
          throw new Error(error);
        });
    }, 2000);
  };

  return {
    pet_release_status,
    handleQueryPet,
  };
};
